<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<meta name="author" content="msleft" />
<meta name="Copyright" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title></title>
<link rel="Shortcut Icon" href="images/en/favicon.ico" type="image/x-icon" />
<link rel="Bookmark" href="/favicon.ico" type="image/x-icon" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
</head>
<body>
<div class="container">
<div id="header">
	<div class="header_tool"><a href="" title="" class="sign">Sign in <i>or</i> Create account</a><a href="" title="" class="cart">Shopping Cart</a></div>
	<div class="header_cons">
		<div class="cons">
			<a href="#" title="" id="logo"><img src="images/logo.jpg" alt="DAFT SHOPPING" /></a>
			<div class="image_container banner"><img alt="" src="upfile/banner.jpg"/></div>
		</div>
	</div>
	<div class="header_nav">
		<ul>
			<li><a href="#" title="">TODAY</a></li>
			<li><a href="#" title="">GIFT CARD</a></li>
			<li><a href="#" title="">FEEDBACK</a></li>
		</ul>
	</div> <!-- header_nav end -->
</div> <!-- header end  --> 
<div class="wrap">
<div class="left">
	<div id="nav">
		<dl>
			<dt class="select first"><span>CATEGORY</span></dt>
			<dd style="display:block;">
				<ul class="level_1">
					<li class="first"><a href="#" title="">APPAREL</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
					<li><a href="#" title="">SHOES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Office</a></li>
							<li class="last"><a href="#" title="">Casual</a></li>
						</ul>
					</li>
					<li><a href="#" title="">ACCESSORIES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
				</ul>
			</dd>
			<dt><span>BY BRAND</span></dt>
			<dd>
				<ul class="level_1">
					<li class="first"><a href="#" title="">APPAREL</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
					<li><a href="#" title="">SHOES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Office</a></li>
							<li class="last"><a href="#" title="">Casual</a></li>
						</ul>
					</li>
					<li><a href="#" title="">ACCESSORIES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
				</ul>
			</dd>
			<dt class="last"><span>POPULAR SEARCHES</span></dt>
			<dd></dd>
		</dl>
	</div><!-- nav end -->
</div> <!-- left end -->
<div class="main">
	<div class="main_innter">
		<div class="search">
			<form action="#" method="post" name="searchform">
				<p>
				<input type="text" name="" value="SEARCH A PRODUCT" onfocus="if (this.value == 'SEARCH A PRODUCT') {this.value = '';}" onblur="if (this.value == ''){this.value = 'SEARCH A PRODUCT'; }" class="text" /><input type="submit" name="submit" value="Search" class="submit" />
				</p>
			</form>
		</div> <!-- search end -->
		<div class="quick">
			<span class="hot"><a href="#" title="">HOT</a></span>
			<ul>
				<li><a href="#" title="">NEW & UNDER 50</a></li>
				<li><a href="#" title="">XXXXL</a></li>
				<li><a href="#" title="">SALES</a></li>
			</ul>
		</div> <!-- quick end -->
		<div class="pagination block">
			<p><span>View 24 Items Per Page</span> |</p>
			<ul> 
			  <li><span class="pagination_current">1</span></li>
			  <li><a title="" class="pagination_link" href="#">2</a></li>
			  <li><a title="" class="pagination_link" href="#">3</a></li>
			  <li>...</li>
			  <li><a title="5" href="#">12</a></li>
			</ul>
		</div> <!-- pagination end -->
		<div class="list">
			<ul>
				<li>
					<a href="#" title="" class="thumb"><img src="upfile/product1.jpg" alt="" /></a>
					<h3>Floral Board Shorts</h3>
					<p class="color"><img src="images/color/icon_violet.gif" alt="" /><img src="images/color/icon_babyblue.gif" alt="" /><img src="images/color/icon_reseda.gif" alt="" /></p>
					<p class="price">RMB<em>50.00</em></p>
				</li>
				<li>
					<a href="#" title="" class="thumb"><img src="upfile/product2.jpg" alt="" /></a>
					<h3>1/2 Wet Nylon Duffle Bag Nylon Duffle Bag</h3>
					<p class="color"><img src="images/color/icon_green.gif" alt="" /><img src="images/color/icon_lilac.gif" alt="" /></p>
					<p class="price">RMB<em>50.00</em></p>
				</li>
				<li>
					<a href="#" title="" class="thumb"><img src="upfile/product3.jpg" alt="" /></a>
					<h3>1/2 Wet Nylon Duffle Bag Nylon Duffle Bag</h3>
					<p class="color"><img src="images/color/icon_orange.gif" alt="" /><img src="images/color/icon_bottlegreen.gif" alt="" /><img src="images/color/icon_green.gif" alt="" /><img src="images/color/icon_white.gif" alt="" /></p>
					<p class="price">RMB<em>50.00</em></p>
				</li>
				<li>
					<a href="#" title="" class="thumb"><img src="upfile/product1.jpg" alt="" /></a>
					<h3>Floral Board Shorts</h3>
					<p class="color"><img src="images/color/icon_violet.gif" alt="" /><img src="images/color/icon_babyblue.gif" alt="" /><img src="images/color/icon_reseda.gif" alt="" /></p>
					<p class="price">RMB<em>50.00</em></p>
				</li>
				<li>
					<a href="#" title="" class="thumb"><img src="upfile/product2.jpg" alt="" /></a>
					<h3>1/2 Wet Nylon Duffle Bag Nylon Duffle Bag</h3>
					<p class="color"><img src="images/color/icon_violet.gif" alt="" /><img src="images/color/icon_babyblue.gif" alt="" /><img src="images/color/icon_reseda.gif" alt="" /></p>
					<p class="price">RMB<em>50.00</em></p>
				</li>
				<li>
					<a href="#" title="" class="thumb"><img src="upfile/product3.jpg" alt="" /></a>
					<h3>1/2 Wet Nylon Duffle Bag Nylon Duffle Bag</h3>
					<p class="color"><img src="images/color/icon_orange.gif" alt="" /><img src="images/color/icon_bottlegreen.gif" alt="" /><img src="images/color/icon_green.gif" alt="" /><img src="images/color/icon_white.gif" alt="" /></p>
					<p class="price">RMB<em>50.00</em></p>
				</li>
			</ul>
		</div>
		<div class="pagination block">
			<p><span>View 24 Items Per Page</span> |</p>
			<ul> 
			  <li><span class="pagination_current">1</span></li>
			  <li><a title="" class="pagination_link" href="#">2</a></li>
			  <li><a title="" class="pagination_link" href="#">3</a></li>
			  <li>...</li>
			  <li><a title="5" href="#">12</a></li>
			</ul>
		</div> <!-- pagination end -->
		<div id="advanced_search_ft">
			<h3>ADVANCED SEARCH</h3>
			<select class="select_category">
				<option value="" selected="selected">CHOOSE CATEGORY</option>
				<option value="">test Test</option>
			</select>
			<select class="select_brand">
				<option value="" selected="selected">BRAND</option>
				<option value="">test Test</option>
			</select>
			<select class="select_colour">
				<option value="" selected="selected">COLOUR</option>
				<option value="">test Test</option>
			</select>
			<select class="select_price">
				<option value="" selected="selected">PRICE</option>
				<option value="">test Test</option>
			</select>
		</div> <!-- advanced_search_ft end -->
	</div> <!-- main_inner end -->
</div> <!-- main end -->
<div class="right">
	<h2>TODAY <img src="images/tip.gif" alt="?" /></h2>
	<div class="today">
		<div class="ce_text">
			<div class="ce_text block">
				<div class="image_container"><img alt="" src="upfile/today.jpg"/></div>
				<h3>Cowhide Koozies </h3>
				<p>RMB50.00 </p>
				<p>Keep your drinks chilled the (kinda) natural way with Cowhide Koozies ($15). These collapsable drink holders are made from high-quality neoprene, with rustic, authentic hides stitched</p>
				<p class="more">MORE  <a href="" title="">HOME</a> | <a href="" title="">DRINK</a></p>
			</div>
		</div>
	</div> <!-- today end -->
	<div class="today">
		<div class="ce_text">
			<div class="ce_text block">
				<div class="image_container"><img alt="Gift Card" src="upfile/gift_card.jpg"/></div>
				<p>DAFT works with artists to produce gift card </p>
			</div>
		</div>
	</div> <!-- today end -->
	
</div> <!-- right end -->
</div> <!-- wrap  -->
<div id="footer">
	<div class="footer_column">
		<h4>CUSTOMER SERVICE</h4>
		<p><a href="#" title="">Shipping info</a></p>
		<p><a href="#" title="">Order tracking</a></p>
		<p><a href="#" title="">Return policy</a></p>
		<p><a href="#" title="">CS@daftshopping.com</a></p>
	</div>
	<div class="footer_column">
		<h4>PAYMENT METHOD</h4>
		<p><a href="#" title="">Paypal</a></p>
		<p><a href="#" title="">Credit Card</a></p>
		<p><a href="#" title="">Cash Upon Delivery</a></p>
	</div>
	<div class="footer_column">
		<h4>CONTACT DAFT</h4>
		<p><a href="#" title="">Info@daftshopping.com</a></p>
		<p><a href="#" title="">Toll-free 400-800-1234</a></p>
	</div>
	<div class="mod_box_items block">
		<div class="ce_text">
			<div class="ce_text block">
				<p>DAFT on <a href="#" title="">Facebook</a>  |  <a href="#" title="">Twitter</a>  |  <a href="#" title="">Delicious</a></p>
			</div>
			<div class="ce_text block">
				<div class="subscribe">
					<form method="post" action="">
						<p>
							<input type="text" value="Subscribe our e-newsletter" class="text" name="email"/>
							<input type="submit" value="SUBMIT" name="submit" class="submit" />
						</p>
					</form>
				</div> <!-- subscribe end -->
			</div>
		</div>
	</div> <!-- mod_box_items end -->
	<div class="copyright">
		<p>Copyright&copy;Daft &amp; its Partners 2009 | Terms & Conditions  |  Privacy Policy </p>
		<p>DAFT hates spam. Your personal information is safe with us.</p>
	</div>	
</div><!-- footer end -->
</div><!-- container end -->
</body>
</html>


